<template>
	<div>
		<el-card class="!border-none pt-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				基础信息
			</div>
			<el-row>
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">市场：</span>
						<el-select placeholder="请选择" class="flex-1 ml-[10px]">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">国家</span>
						<el-select placeholder="内销时为省市区，外销时为国家" class="flex-1 ml-[10px]">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户公司名称：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">机型：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">单位信息：</span>
						<el-radio-group v-model="radio" class="flex-1 ml-[10px]">
							<el-radio label="1" size="large">配件</el-radio>
							<el-radio label="2" size="large">固定设备</el-radio>
							<el-radio label="3" size="large">移动设备</el-radio>
						</el-radio-group>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">感兴趣的产品：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户联系人：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户联系手机：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户邮箱：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">老板联系人：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">老板联系手机：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">老板邮箱：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">联系地址：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户目的港口：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户分类：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户类型：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="合作客户/潜在客户"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="13">
					<div class="main-color v-flex v-col-top">
						<span class="w-[100px] text-right">公司简介：</span>
						<el-input class="flex-1 ml-[10px]" :rows="4" type="textarea" placeholder="多行输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">客户目的地：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[66px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">目的地和快递地 是否一致：</span>
						<el-radio-group v-model="radio" class="flex-1 ml-[10px]">
							<el-radio label="1" size="large">一致</el-radio>
							<el-radio label="2" size="large">不一致</el-radio>
						</el-radio-group>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">快递地址：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-card class="!border-none pt-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				账号信息
			</div>
			<el-row>
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">归属销售：</span>
						<el-select disabled placeholder="请选择" class="flex-1 ml-[10px]">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">账号：</span>
						<el-input disabled class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">密码：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]" >
				<span>取消</span>
			</el-button>
			<el-button class="w-[100px] h-[36px]" color="#0054A6" type="primary">
				<span>保存</span>
			</el-button>
		</el-row>
	</div>
</template>

<script lang="ts" setup>
	const options = ref<Array<any>>([
		{
			value: '1',
			label: 'Metos/Sandvik/Extec/Symons'
		}, 
	])
	const radio = ref('1')
</script>

<style>
</style>